// mock
// 1. 生成随机数据
// 2. 拦截 Ajax 请求 
// 3. 模拟接口请求 

// 1.前后端分离，
// 2.可随机生成大量的数据
// 3.用法简单
// 4.数据类型丰富
// 5.可扩展数据类型
// 6.在已有接口文档的情况下，我们可以直接按照接口文档来开发，将相应的字段写好，在接口完成 之后，只需要改变url地址即可。

// https://www.jianshu.com/p/d812ce349265

import Mock from "mockjs"

// 定义数据类型
var data = Mock.mock({
  // 20条数据
  "data|20": [{
    // 商品种类
    "goodsClass": "女装",
    // 商品Id
    "goodsId|+1": 1,
    //商品名称
    "goodsName": "@ctitle(10)",
    //商品地址
    "goodsAddress": "@county(true)",
    //商品等级评价★
    "goodsStar|1-5": "★",
    //商品图片
    "goodsImg": "@Image('100x100','@color','小甜甜')",
    //商品售价
    "goodsSale|30-500": 30

  }]
})
// 输出结果随机生成的数据（node index.js）
 console.log(data);


 // 定义数据类型
var data1 = Mock.mock({
    // 20条数据
    "data|3": [{
      // 商品种类
      "goodsClass": "女装",
      // 商品Id
      "goodsId|+1": 1,
      //商品名称
      "goodsName": "@ctitle(10)",
      //商品地址
      "goodsAddress": "@county(true)",
      //商品等级评价★
      "goodsStar|1-5": "★",
      //商品图片
      "goodsImg": "@Image('100x100','@color','小甜甜')",
      //商品售价
      "goodsSale|30-500": 30,
  
      // 邮箱：
      "email": "@email",
      // 颜色
      "color": "@color",
  
      // name
      "name": "@name",
  
      //img,参数1：背景色，参2：前景色，参3：图片的格式，默认png，参4：图片上的文字
  
      "img": "@image('100*100','@color')",
      //英文文本(句子)参1：句子的个数，参2：句子的最小个数  参3：句子的最大个数，没有参1时，参2参3才会生效
      "Etext":"@paragraph(1,1,3)",
  
      //中文文本(句子)参1：句子的个数，参2：句子的最小个数  参3：句子的最大个数，没有参1时，参2参3才会生效
      "Ctext":"@cparagraph(1,1,3)",
  
      //中国大区
      "cregion":"@region",
      // 省
      "cprovince":"@province",
      //市
      "ccity":"@city",
      //省 + 市
      "ss":"@city(true)",
      //县
      "country":"@county",
      //省市县
      "countrysx":"@county(true)",
      //邮政编码
      "code":"@zip"
    }]
  })

  console.log(data1)


//   模拟ajax 接口 
Mock.mock("/getGoods", "get", (config) => {
    console.log(config);
    return data;
})


Mock.mock("/getdata1", "post", (config) => {
    console.log(config);
    return {
        code:200,
        msg:"请求成功",
        result:data1
    }
})

